:root{
        --nav-bg:#000000;
       --purple-to-blue:linear-gradient(90deg,#864f9f,#40829e);
        --nav-width: 86%;
        --navsub-width: 450px;
        --navsub-size: 42px;
        --borders:20px;
        --bor5:5px;
        --p100p:100px;
        --blue:#ff6600;
        --orange:#ff6600;
        --ease-basic: cubic-bezier(0.5,0,0,1);
        --z-header: 100;
        --header-height: 90px;
        --logo-w:150px;
        --meau-wh:35px;
        --w82:73%;
        --w86:86%;
        --w92: 92%;
        --bgs:#efefef;
    }
    @media screen and (max-width: 1600px) {
	    :root{
            --w82:82%;
        }
	}

.w82{width:var(--w82);margin:0 auto;}
    .text-c{text-align:center;}
	.w92{width:var(--w92);margin:0 auto;}
    .plr60{padding-right:60px;padding-left:60px;}
	.ptb100p{padding-top:var(--p100p);padding-bottom:var(--p100p);}
	
.bluebg {background:#fff;}
.biob,.bluebg,.biobm {transition:all 0.3s ease;}
.bluebg.hei {background:#05113d;}
.hei .biob {color:#fff;}
.bluebg.hei .bioeh3 {color:#fff;}
.hei .biobm {box-shadow:0 0 35px rgba(2,91,153,0.7)}
.biobaner {position:relative;height:100vh;overflow:hidden;}
.biobanerwz {top:30%;}
.biop0 {font-weight:300;padding-bottom:8px;}
.biop1 {font-weight:300;padding-bottom:8px;font-size:28px;}
.biop0-fff,.biop1-fff {color:#fff}
.bioap1 {text-align:center;}
.bioap1 {position:absolute;top:var(--p100p);width:100%;left:0;}
.bioa {position:relative;background:#fff;}
.bioam {width:100%;margin:0 auto;position:relative;overflow:hidden;}
.bioam {height:75vh;min-height:560px;border-radius:var(--borders);max-height:820px;}
.bioam {transform:translateY(140px);z-index:3;}
.bioabg {position:absolute;left:0;top:0;width:100%;height:100%;vertical-align:top;object-fit:cover;}
.bioazw {position:absolute;z-index:3;width:100%;box-sizing:border-box;padding:0 8%;}
.bioazw {color:#fff;}
.bioazw {left:0;top:50%;transform:translateY(-50%);}
.bioap2 {font-size:12px;font-weight:300;}
.bioap3 {text-align:justify;line-height:1.7;width:650px;font-size:18px;}
.bioap4 {display:flex;}
.bioap4 {width:85%;justify-content:space-between;width:1000px;align-items: center;}
.bioap4 img {height:45px;}
.bioap3 {margin-top:20px;}
.bioap4 {margin-top:40px;}
.bioap5 {margin-top:60px;}
.bio1p1,.bio1p2,.bio1p3 {position:relative;transform:translateY(120px);opacity:0;}
/*.bioa {padding-bottom:20px;}*/
.biobp0 {text-align:center;}
.biobm {width:92%;margin:0 auto;position:relative;}
.biobbg {position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.biobm {color:#fff;}
.biobp1 {font-size:12px;font-weight:300;}
.biobp2 {text-align:justify;line-height:1.7;font-size:18px;}
.biobp3 {font-size:24px;}
.biobwz {position:absolute;z-index:3;width:100%;box-sizing:border-box;padding:8%;display:flex;justify-content:space-between;align-items:center;padding-right:0;}
.biobwz {position:relative;}
.biobwzm {width:45%;}
.biobwzr {width:50%;margin-right:4%;}
.biobm {border-radius:var(--borders);overflow:hidden;margin-top:55px;}
.biobwzr {display:flex;flex-wrap:wrap;}
.biobwzr {font-size:18px;}
.biobwzr p {margin-top:10px;}
.biobwzr i {display:inline-block;width:80px;height:80px;position:relative;}
.biobwzr img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.biobwzr img {max-height:80%;max-width:80%;}
.biobwzr ul {width:25%;text-align:center;padding:25px 0;}
.biobp1 {margin-top:20px;}
.biobp3 {margin-top:40px;}
.biobp4 {margin-top:60px;}
.bioc {padding-top:20px;}
.biocp0 {text-align:center;}
.biocm {width:92%;margin:0 auto;}
.biocimg {margin-top:65px;text-align:center;}
.biocimg img {max-width:90%;vertical-align:top;}
.biocmore {display:flex;justify-content:center;}
.biocmore,.biocimg {margin-top:90px;}
.biod {padding-top:20px;padding-bottom:20px;}
.biodp0 {text-align:center;}
.biodm {width:88%;margin:0 auto;}
.biodzw {width:100%;border-radius:var(--borders);overflow:hidden;border-radius:var(--borders);}
.biodzw img {width:100%;height:100%;object-fit:cover;}
.biodzw {position:relative;}
.biodzw {height:calc(92vh - 120px);min-height:560px;}
.biodzw-one{height:calc(85vh - 120px);min-height:560px;}
.biodh5 {position:absolute;left:0;top:0;z-index:2;background:#fff;font-size:45px;font-weight:700;}
.biodh5 {line-height:1;padding:30px 65px;width:100%;box-sizing:border-box;color:#05113d}
.biodwz {color:#fff;position:absolute;top:calc(105px + 12%);z-index:3;width:84%;right:8%;display:flex;justify-content:space-between;}
.biodr {width:calc(100% - 450px);width:50%;}
.biodl {box-sizing:border-box;padding-left:10%;}
.biodp1 {font-size:18px;font-weight:700;}
.biodp2 {font-size:45px;font-weight:700;line-height:1;margin-top:15px;}
.biodp3 {font-size:16px;font-weight:700;}
.biodp4 {padding:25px 0;}
.biodp5 {font-size:12px;font-weight:700;display:flex;flex-wrap:wrap;}
.biodp5 ul {min-width:25%;margin-right:3%;padding-bottom:10px;}
.biodp5 ul:nth-child(3n) {margin-right:0;}
.biodmore {display:flex;margin-top:40px;}
.biodzw {transition:all 0.5s var(--ease-basic);}
.biodzw.fx {transform:scale(0.9);opacity:0.9}
.biodwz-center{top:50%;transform:translateY(-50%);margin-top:55px;}
.biodwz-centerm{width:100%;width: 100%;display: flex;flex-wrap: wrap;}
.biodwz-centerm ul{width:45%;display: flex;box-sizing:border-box;padding:2.5% 0; padding-right:5%;align-items:center;}
.biodwz-centerm-l{position:relative;width:28%;padding-top: 28%;background:rgba(255,255,255,0.2);border-radius:10px;}
.biodwz-centerm-l img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.biodwz-centerm-l img{max-width:60%;max-height:60%}
.biodwz-centerm-r{color:#fff;width:72%;padding-left:10%;box-sizing:border-box;}
.biodwz-centerm-p1{font-weight:700;line-height:1.4;font-size:20px;}
.biodwz-centerm-p2{margin-top:5px;}

.pgban24{position:relative;overflow: hidden;height:75vh;}
.pgban24wz{bottom:12%;}
.videobg{object-fit: cover;}


.bioam{height:auto;min-height:initial;max-height:initial;padding-top:8%;padding-bottom:8%;}
.bioazw{position:relative;top:0;transform:none;}

.bioeh3{text-align:center;}
				     .bioeslide{}
				     .bioeslide{width:52%;border:1px solid #ddd;box-shadow:0 5px 20px rgba(0,0,0,0.1)}
				     .bioeslide{display:flex;box-sizing:border-box;padding:20px;background:#fff;border-radius:var(--borders);}
				     .bioeslide{align-items:center;}
				     .bioewz{width:40%;padding:10px 3%;box-sizing:border-box;}
				     .bioeimg{width:60%;overflow:hidden;}
				     .bioeimg {border-radius:15px;}
				     .bioeimg img{width:100%;height:100%;object-fit:cover;vertical-align:top;}
				     .bioep1{font-size:30px;font-weight:700;color:#05113d}
				     .bioep2{margin-top:15px;line-height:1.4}
				     .bioep3{margin-top:35px;}
				     .bioeswiper{overflow:hidden;margin-top:25px;margin-top:25px;box-sizing:border-box;padding:20px 0;}
.anli-3{padding-top:0;background:#fff;}
				    .work-a-casem{display: flex;margin-top:55px;}
                    
                    .work-a-casemm{height: 100%;width: 50%;box-sizing: border-box;}
                    .work-a-casemm:nth-child(1){padding-right: 10px;}
                    .work-a-casemm:nth-child(2){padding-left: 10px;}
                    .work-a-casemm2{height: 50%;box-sizing: border-box;}
                    .work-a-casemm2:nth-child(1){padding-bottom: 10px;}
                    .work-a-casemm2:nth-child(2){padding-top: 10px;}
                    .work-a-casezw{height: 100%;position: relative;border-radius:var(--borders);overflow: hidden;}
                    .work-a-casezwimg{width: 100%;height: 100%;object-fit: cover;}
                    .work-a-casep1{position: absolute;width: 100%;padding-left: 50px;padding-right: 50px;box-sizing: border-box;}
                    .work-a-casep1{bottom:50px;z-index: 3;font-size: 24px;line-height: 1.4;color: #fff;font-weight:700;}
                    .work-a-casep1 span{display:block;font-weight:300;opacity:0.8;font-size:16px;margin-top:5px;}
                    
                    .work-a-hover{z-index: 12;}
                    .work-a-hover{position: absolute;background: #fff;box-sizing: border-box;padding: 50px;left: 0;top:10%;height: 100%;opacity: 0;visibility: hidden;}
                    .work-a-hover-link,.work-a-hover-link a{font-size: 18px;}
                    .work-a-hover-logo{display: block;position: relative;width: 100%;height:80px;}
                    .work-a-hover-logo img{max-height: 90%;max-width:50%; position: absolute;left: 0;top:50%;transform: translateY(-50%);}
                    
                    .work-a-hover-link{padding-top: 30px;display: flex;flex-wrap: wrap;}
                    .work-a-hover-link a{width: 33.33%;margin-top: 20px;}
                    .work-a-hover-link a:hover{color: #d90000;}
                    .work-a-hover-more{margin-top: 50px;}
                    .work-a-hover{width: 100%;}
                    .work-a-casezw,.work-a-hover{transition: all 0.5s ease;}
                    .work-a-casezw:hover .work-a-hover{opacity: 1;top:0;visibility: visible;}
                    .work-a-casezw:hover{box-shadow: 0 5px 25px rgba(0,0,0,0.08);}
                    .work-more{display:flex;width:100%;margin-top:15%;}
                    .work-more a{margin-right:20px;}
                    .work-more a:last-child{margin-right:0;}
                    .work-a-hover-desc{margin-top: 10%;}
                    .work-more{margin-top:15%;}
                    .work-a-hover-logo-2{height:60px;}
                    .work-a-casemm2 .work-a-hover{padding:5%;}
                    .work-a-casemm2  .work-a-hover-desc{margin-top:2%;}
                    .work-a-casemm2  .work-more{margin-top:6%;}
                    
                    .work-a-casem{height: 650px;}
                    @media screen and (max-width: 1600px) {
                	    .work-a-casem{height: 560px;}
                	}
                	

.mark0{background:var(--bgs);padding-bottom:0;}
				    .mark01{padding-top:0;}
				    .mark01p1{font-size:20px;padding-bottom:5px;}
				    .mark01four{width:95%;margin:0 auto;}
				    .mark01four{display:flex;justify-content:space-between;margin-top:45px;box-sizing: border-box;align-items: flex-start;}
				    .mark01four ul{padding:3.5%;border-radius:15px;width:24%;box-sizing:border-box;background:rgba(255,255,255,0.8)}
				    .mark01fp1{font-size:40px;color:var(--orange);line-height:1;}
				    .mark01fp2{margin-top:35px;min-height:80px;}
				    .mark01fp3{margin-top:55px;vertical-align: top;}
				    .mark01p2{position:relative;padding-top:55px;margin-top:55px;}
				    .mark01tit,.mark01four{position:relative;z-index:3;}
				    .mark01bg{position:absolute;left:0;top:0;width:100%;height:405px;background-position:center;background-repeat:no-repeat;}
				    .mark01bg{background-size:cover;border-radius:20px;overflow:hidden;}
				    .mark01four ul,.mark01fp1,.mark01fp2{transition:all 0.3s ease}
				    .mark01four ul:hover{background:#ff6600;}
				    .mark01four ul:hover .mark01fp1,.mark01four ul:hover .mark01fp2{color:#fff;}
				    .mark01four ul:hover .mark01fp3{color:#fff;}
				     .mark01fp3 i:nth-child(2){color:#333;}
				    .mark01four ul:hover .mark01fp3 span{background:#fff;}
				    .mark01four ul:hover .mark01fp3 i{opacity:0;right:-100%;}
				    .mark01four ul:hover .mark01fp3 i:nth-child(2){opacity:1;right:0;}
				    
				    .mark02{background:#fff;}
    				     .mark02swiper{overflow:hidden;position:relative;padding-bottom:30px;margin-top:45px;}
    				     .mark02slide{position:relative;box-sizing:border-box;}
    				     .mark02bg{width:100%;height:100%;left:0;top:0;position:absolute;background-repeat:no-repeat;background-size:cover;background-position:center;}
    				     .mark02bg{height:400px;}
    				     .mark02wz{padding-top:120px;z-index:3;position:relative;padding-left:10%;box-sizing:border-box;font-size:20px;}
    				     .mark02wzm{background:rgba(255,255,255,0.8);height:352px;box-shadow:3px 15px 30px 0 rgba(0,0,0,0.08);}
    				     .mark02wzm,.mark02p1{transition:all 0.3s ease}
    				     .mark02wzm:hover{background:var(--orange);}
    				     .mark02wzm:hover .mark02p1{color:#fff;}
    				     .mark02wzm:hover  .head24asubmore{color:#fff;}
    				    .mark02wzm:hover  .head24asubmore span{background:#fff;}
    				    .mark02wzm:hover  .head24asubmore i {opacity: 0;right: -100%;}
    				    .mark02wzm:hover  .head24asubmore i:nth-child(2) {opacity: 1;right: 0;}
    				     .mark02wzm{border-radius:20px;overflow:hidden;}
    				     .mark02wzm{box-sizing:border-box;padding:5%;width:50%;width:600px;}
    				     .chungpage{position: absolute;z-index: 3;width: 260px;height: 70px;left:calc((106% - var(--w92))/2 + 880px);bottom:130px;z-index:5}
						.chungpage{border-radius: 70px;overflow: hidden;background:#fff;}
						.chungbtn{width: 70px;height: 100%;text-align: center;line-height: 70px;position: absolute;top:0;cursor: pointer;}
						.chungbtn1{left:0;}
						.chungbtn2{right:0;}
						.chungbtn{border-radius: 50%;overflow: hidden;background:#fff;}
						.chungbtn i{font-size: 30px;display: inline-block;color: #333;position: relative;z-index: 2;}
						.chungpagex{width: calc(100% - 140px);margin: 0 auto;position: relative;height: 100%;text-align:center;display: flex;align-items: center;justify-content: center;}
						.chungpagex i{font-style: normal;font-size: 16px;line-height: 1.4;}
						.chungpagex span{width:10px;height:10px;border:1px solid #000;border-radius:50%;box-sizing: :border-box;margin:0 3px;}
						.chungpagex span{opacity: 1 !important;background:#fff;}
						.chungpagex span.swiper-pagination-bullet-active{background:#000;}
						.chungbtn:before{position: absolute;top:0;left:0;content: '';background: #ff6600;opacity: 0;width: 100%;height: 100%;transition: all 0.3s ease;}
						.chungbtn1:before{transform: translateX(-100%);}
						.chungbtn2:before{transform: translateX(200%);}
						.chungbtn:hover:before{transform: translateX(0);opacity: 1;}
						.chungbtn:hover i{color: #fff;}
						.mark02p1{height:150px;}
						
						 .mark03{padding-top:0;}
    				     .mark03{background:#fff;}
    				     .mark03m{max-width:1300px;}
    				     .szhyxpic{text-align:center;margin-top:50px;}
    				     .szhyxpic img{max-width:100%;}
    				     .szhyxwz{display:flex;width:100%;justify-content:space-between;font-size:20px;margin-top:50px;}
    				     .szhyxwz ul{width:30%;}
    				     
    				     .mark04{background:#0e121b;}
    				     .mark04n{margin-top:55px;display:flex;width:100%;flex-wrap: wrap;}
    				     .mark04n ul{width:24%;margin-right:1.33%;margin-top:1.33%;background:rgba(255,255,255,0.1);border-radius:20px;color:#fff;}
    				      .mark04n ul{box-sizing:border-box;padding:2.5%;min-height:270px;}
    				     .mark04n ul:nth-child(-n+4){margin-top:0;}
    				     .mark04n ul:nth-child(4n){margin-right:0;}
    				     .mark04n ul{transition:all 0.3s ease}
    				     .mark04n ul:hover{background:var(--orange)}
    				     .mark04n ul:hover h5,.mark04n ul:hover i{color:#fff;}
    				     .mark04n i{font-size:14px;font-style:normal;text-align:right;display:block;}
    				     .mark04n h5,.mark04n i{color:var(--orange);transition:all 0.3s ease}
    				     .mark04n h5{line-height:1.2;font-weight:700;margin-top:10px;font-size:30px;}
    				     .mark04n p{margin-top:25px;}